<template>
  <section class="app-inner">
    <el-dialog :visible.sync="dialogVisible" :before-close="handleClose"
    :title="title" width="800px" modal>
        <div class="header">
          <el-table border :data="teacherTableData" style="width: 100%">
          <el-table-column type="index" label="序号" width="120"></el-table-column>
          <el-table-column prop="subject" label="学科"></el-table-column>
          <el-table-column prop="teacherName" label="任课老师"></el-table-column>
          <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" size="small" @click="editTeacher(scope.row)">修改</el-button>
              </template>
          </el-table-column>
        </el-table>
        </div>
    </el-dialog>
  </section>
</template>

<script>
export default {
  name: 'courseTeacher',
  components: {},
  data () {
    return {
      dialogVisible: false,
      title: '任课教师信息',
      teacherTableData: []
    }
  },
  computed: {},
  methods: {
    // 打开弹窗
    add () {
      this.dialogVisible = true
    },
    // 关闭弹窗
    handleClose () {
      this.dialogVisible = false
    }
  },
  mounted () {}
}
</script>
<style scoped lang="scss">
</style>
